<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>10_字体属性-字体大小</title>
        <style>
            #p1 {
                font-size: 50px;
            }

            #p2 {
                font-size: 40px;
            }

            #p3 {
                font-size: 30px;
            }

            #p4 {
                font-size: 20px;
            }

            #p5 {
                font-size: 16px;
            }

            #p6 {
                font-size: 10px;
            }

            body {
                font-size: 30px;
            }

        </style>
    </head>
    <body>
        <!-- （1）浏览器最小的字体大小是12px
             （2）0px会隐藏字体
             （3）默认的文字大小为16px
             （4）怎么查看浏览器默认字体大小
                  三个点--》设置--》外观--》自定义字体--》字号、最小字号
             （5）当没有给指定标签添加font-size的时候  还希望给他设置字体大小 
             那么可以给body设置  一般不建议
        -->
        <p id="p1">红浪漫1</p>
        <p id="p2">红浪漫2</p>
        <p id="p3">红浪漫3</p>
        <p id="p4">红浪漫4</p>
        <p id="p5">红浪漫5</p>
        <p>红浪漫7</p>
        <p id="p6">红浪漫6</p>
    </body>
</html>